/*
    Document   : main
    Created on : Apr 23, 2011, 2:13:39 PM
    Author     : Darrius Serrant
    Description:
        Specifies the default look and feel for the entire web application
*/

body {
    background-image: url("../images/background.gif");
    background-repeat: repeat;
    color: #564B47;
    font-family: Verdana,"Century Gothic","Lucida Sans","Times New Roman";
    font-size: 10px;
    margin: 0px;
    padding: 20px;
    text-align: justify;
}

#contentbox {
    background-color: #FFFFFF;
    border: 2px solid black;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 650px;
}

#loginbox {
    border: 1px double black;
    font-weight: bold;
    height: auto;
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
    margin-top: 34px;
    vertical-align: middle;
    width: 357px;
}

#loginform {
    padding: 30px;
}

p.sectionheader, div#searchresults table#resultstable thead {
    background-image: url("../images/loginbg.gif");
    background-repeat: repeat;
    border-bottom: 2px solid black;
    color: #FFFFFF;
    font-size: 14px;
    margin: 0;
    padding: 5px;
}

input.sumbitbutton {
    border: 1px solid;
    display: block;
    margin-left: auto;
	margin-right: auto;
    margin-top: 30px;
    width: 130px;
}

input.manageButton {
	border: 1px outset black ;
	display: block ;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 150px;
}

input.inlineButton {
	display: inline ;
	width: 110px;
	border: 1px outset black;
	padding: 3px;
}

input.submitbutton:hover {
	border: 1px inset silver;
	background-color: red;
}

input.manageButton:hover, input.inlineButton:hover {
	border: 1px inset silver;
}

#footer {
	background-color: #4A6E4D ;
	padding: 2px 2px ;
	text-align: center ;
	color: #ffffff;
	clear: left ;
}

.errormessage {
    color: red;
    font-weight: bold;
}

.valid {
    color: green ;
    font-style: italic ;
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: center;
}

.valid img {
    padding-right: 10px;
}

div.left, div.right {
	padding: 10px;
	text-align: left;
}
.leftclear {
	clear: left;
}
div.left {
	float: left ;
	width: 288px;
	padding-right: 20px;
}

div#userBlock {
	padding: 10px;
	text-align: left;
}

div#userBlock span.user, span.userclass {
	font-size: 14px;
}

div#userBlock span.userclass {
	font-weight: bold;
}

div#userBlock span.logout  a, p#backHome a, div.manageBox p a{
	text-decoration: underline;
	padding-left: 10px;
	color: #000000;
}

div#userBlock span.logout a:hover, p#backHome a:hover, div.manageBox p a:hover {
	text-decoration: none ;
}

p#backHome {
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 10px;
	
}

div.manageBox h1, div.reportBox h1 {
	font-weight: normal ;
	font-size: 18px;
}

div.manageBox h1 a, div.reportBox h1 a{
	color: #000000;
}

div.manageBox img {
	width: 230px;
	height: auto;
	text-align: middle;
}

:link img{
	border: none;
}

div.reportBox {
	text-align: left;
	padding: 5px 60px 10px 10px; 
	margin-bottom: 30px;
}

div.field_container {
	padding-bottom: 10px;
	padding-left: 15px;
}

div.field_container label {
	width:120px;    
    float:left;
}

div.field_container input, div.field_container select {
	width: 200px;
	height: auto;
}

div.field_container input:hover, div.field_container input:focus, 
div.field_container select:hover, div.field_container select:focus {
	border: 2px groove #547E56 ;
}

div#formfields {
	width: 370px;
	height: auto;
	margin-bottom: 30px;
}

div#formfields fieldset, div#formbuttons fieldset {
	background-color: #DCDCB8;
}

div#formbuttons {
	padding-top: 9px;
	padding-right: 10px;
}

legend {
	font-weight: bold;
}

div#searchfield {
	width: 530px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

div#searchfield input#searchbox {
	background:#FFFFFF url(../images/search.png) no-repeat 4px 4px;
	width: 350px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	height:18px;	
}

div#searchfield input#searchbox:hover, div#searchfield input#searchbox:focus {
	border: 1px solid green ;
}

div#searchresults {
	margin-top: 10px;
	text-align: center;
	padding-left: 10px;
}

div#searchresults table#resultstable {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	width: 530px;
	height: auto;
	margin-bottom: 30px;
}

div#searchresults table#resultstable thead {
	font-size: 11px;
	padding: 0px;
	background-color: #4A6E4D;
}

div#searchresults table#resultstable tr.schrow1 {
	background-color: #8CB38F;
	border-bottom: #8CB38F;
	border-top: #CCDDCD;
}

div#searchresults table#resultstable tr.schrow2 {
	background-color: #CCDDCD;
}

div#searchresults table#resultstable tr.schrow1 td {
	padding: 5px;
	border: 2px;
	border-left: #8CB38F;
	border-right: #8CB38F;
}